<!DOCTYPE>
<html>
<head>
<title>${course.name}详情</title>
<script src="http://vod.baofengcloud.com/html/script/bfcloud.js?v=2"></script>

</head>
<body>
@layout("header.html"){}
	<div id="aCoursesList" class="bg-fa of">
		<!-- /课程详情 开始 -->
		<section class="container">
			<section class="path-wrap txtOf hLh30">
				<a href="${ctxPath }" title="" class="c-999 fsize14">首页</a>
				\
				<a href="${ctxPath }/front/showcoulist" title="" class="c-999 fsize14">源码列表</a>
				\ <span class="c-333 fsize14">${course.name}</span>
			</section>
			<div>
				<article class="c-v-pic-wrap">
					<section class="p-h-video-box" id="videoPlay">
							@if(course.img!=''){
							<img xSrc="${ctxPath}/static/edu/img/${course.img}" src="${ctxPath}/static/edu/inxweb/img/default-img.gif" class="img-responsive" alt="${course.name}">
							@}else{
								<img xSrc="${ctxPath}/static/edu/inxweb/img/default-img.gif" src="${ctxPath}/static/edu/inxweb/img/default-img.gif" class="img-responsive" alt="${course.name}">
							@}
	
						<a href="javascript:void(0)" onclick="" title="${course.name}" class="v-play-btn">
							<em class="icon30">&nbsp;</em>
						</a>
					</section>
					<section class="p-h-video-tip">
						<img src="${ctxPath}/static/inxweb/img/v-loading.gif">
						<p class="hLh20"><span class="c-999">加载中...</span></p>
					</section>
				</article>
				<aside class="c-attr-wrap">
					<section class="ml20 mr15">
						<h2 class="hLh30 txtOf mt15">
							<span class="c-fff fsize24">${course.name}</span>
						</h2>
						<section class="c-attr-jg">
							<span class="c-fff">价格：</span><big class="c-yellow">￥${course.price }</big> <span class="c-ccc ml10">原价：<s>￥${course.price }</s></span>
						</section>
						<section class="c-attr-mt c-attr-undis">
							<span class="c-fff fsize14">标签： ${course.tag!}
							</span>
						</section>
						<section class="c-attr-mt c-attr-time">
							<span class="c-fff fsize14">发布时间： ${course.addtime!}
											
							</span>
						</section>
						<section class="c-attr-mt">
									<a href="javascript:void(0)" title="立即观看" onclick="" class="comm-btn c-btn-3">立即观看</a>
							<span class="ml10"><tt class="c-yellow f-fM">*咨询   2123957932</tt></span>
						</section>
						<section class="c-attr-mt of ml10">
							<section class="kcShare pr fl hand vam">
								<tt>
									<em class="icon18 shareIcon"></em><span class="vam c-fff f-fM">分享</span>
								</tt>
								<div id="bdshare" class="bdsharebuttonbox"><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a></div>
								<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
							</section>
							
										<span class="ml10 vam"><em class="icon18 scIcon"></em><a class="c-fff vam" title="收藏" onclick="favorites(${course.id},this)" href="javascript:void(0)">收藏</a></span>
							
						</section>
					</section>
				</aside>
				<aside class="thr-attr-box">
					<ol class="thr-attr-ol clearfix">
						<li><p>&nbsp;</p>
							<aside>
								<span class="c-fff f-fM">类别</span><br>
								<h6 class="c-fff f-fM mt10">${course.typename }</h6>
							</aside></li>
						<li><p>&nbsp;</p>
							<aside>
								<span class="c-fff f-fM">购买数</span><br>
								<h6 class="c-fff f-fM mt10">${course.clickhit }</h6>
							</aside></li>
						<li><p>&nbsp;</p>
							<aside>
								<span class="c-fff f-fM">浏览数</span><br>
								<h6 class="c-fff f-fM mt10">${course.clickhit}</h6>
							</aside></li>
					</ol>
				</aside>
				<div class="clear"></div>
			</div>
			<!-- /课程封面介绍 -->
			<div class="mt20 c-infor-box">
				<article class="fl col-7">
					<section class="mr30">
						<div class="i-box">
							<div>
								<section id="c-i-tabTitle" class="c-infor-tabTitle c-tab-title">
									<a name="c-i" class="current" title="课程详情" href="javascript: void(0)">课程详情</a>
									<a name="c-g" title="课程大纲" href="javascript: void(0)">课程大纲</a>
									<a name="c-c" title="课程评论" href="javascript: void(0)">课程评论</a>
								</section>
							</div>
							<article class="ml10 mr10 pt20">
								<div>
									<h6 class="c-i-content c-infor-title">
										<span>课程介绍</span>
									</h6>
									
									<!-- /无数据提示 结束-->
									
										<div class="course-txt-body-wrap">
											<section class="course-txt-body">
												<p>${course.remark}</p>
											</section>
											<section class="ctb-btn"><a href="javascript: void(0)" class="comm-btn c-btn-6" title="查看更多">查看更多∨</a></section>
										</div>
									
								</div>
								<!-- /课程介绍 -->
								<div class="mt50">
									<h6 class="c-g-content c-infor-title">
										<span>课程大纲</span>
									</h6>
									<section class="mt20">
										<div class="lh-menu-wrap">
											
										</div>
									</section>
								</div>
								<!-- /课程大纲 -->
								<div class="mt50 commentHtml"></div>
								<!-- /课程评论 -->
							</article>
						</div>
					</section>
				</article>
				<aside class="fl col-3">
					<div class="i-box">
						<div>
							<section class="c-infor-tabTitle c-tab-title">
								<a title="" href="javascript:void(0)">主讲讲师</a>
							</section>
							
						</div>
					</div>
					
					<div class="i-box mt20">
						<div>
							<section class="c-infor-tabTitle c-tab-title">
								<a title="" href="javascript:void(0)">猜你想学</a>
							</section>
								
								<section class="course-r-list">
									<ol>
										@for(course1 in list.list!){
											<li>
												<aside class="course-r-pic">
													<a href="${ctxPath }/front/couinfo/${course1.id}" title="">
														
														@if(course1.img!=''){
														<img xSrc="${ctxPath}/static/edu/img/${course1.img}" src="${ctxPath}/static/edu/inxweb/img/default-img.gif" class="img-responsive" alt="${course1.name}">
														@}else{
															<img xSrc="${ctxPath}/static/edu/inxweb/img/default-img.gif" src="${ctxPath}/static/edu/inxweb/img/default-img.gif" class="img-responsive" alt="${course1.name}">
														@}
													</a>
												</aside>
												<section class="hLh20 txtOf">
													<a href="${ctxPath }/front/detail/${course1.id}" class="c-333 fsize16">${course1.name}</a>
												</section>
												<section class="hLh20 mt5 txtOf">
													<span class="c-999">讲师：
													</span>
												</section>
												<section class="hLh20 txtOf">
													<span class="c-master">${course1.clickhit}人</span>
												</section>
											</li>
										@}

									</ol>
								</section>
						
						</div>
					</div>
				</aside>
				<div class="clear"></div>
			</div>
		</section>
		<!-- /课程详情 结束 -->
	</div>
	@layout("footer.html"){}
	<script type="text/javascript" src="${ctxPath}/static/inxweb/front/courseInfo.js"></script>
	<script type="text/javascript" src="${ctxPath}/static/inxweb/comment/comment.js"></script>
	<script>
		//评论课程id
		var otherId = '${course.id}';
		//课程有效期到期时间
		
		
		//评论类型,类型2为课程
		var type = 2;
		$(function() {
			shareShow(); //课程分享
			
			cTabFun($("#c-i-tabTitle>a")); //滚动定位
			
		  	//课程详情收起展开
		    ctbodyFun();
		  	//课程封面图适配尺寸
		    cvPic();
		});
		
		//课程封面图适配尺寸
		var cvPic = function() {
			$(".c-v-pic-wrap").css("height" , $(".c-v-pic").height());
		}
		window.onresize = function() {cvPic();};
	</script>
</body>
</html>